<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-用户中心</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="style/reset.css" /> 
<link rel="stylesheet" type="text/css" href="style/root.css" /> 
<link rel="stylesheet" href="fonts/font-awesome.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/toogle.js"></script> 
</head>
<body>
   
    <!-- start header -->
      <div id="header">
         <img src="img/logo.png" width="120" height="40" alt="logo" class="logo" />
          <a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back"><img src="img/wechat-button.png" width="17" height="18" alt="icon" /></a>
          <a href="#" class="button create"><img src="img/user.png" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->   
    
    
    <!-- start page -->
    <div class="page">
    
    		
            <div class="simplebox">
            	<h1 class="titleh">我要签约</h1>
                <div class="content">
                	
                  <form id="form12" name="form1" method="post" action="">
                    <h5>装机信息</h5>
                    <ul class="list-plus">
                      <li><b>型号：</b> RO-6</li>
                      <li><b>地址：</b> 杭州市下沙九堡相江公寓</li>
                      <li><b>初装日期：</b> 2014 12.12</li>
                    </ul>

                    <blockquote><label><input type="checkbox" name="checkbox" id="agreement" />同意订购服务条款</label> <a href="javascript:void(0)" class="agreement">点击阅读全文</a>
                      <div class="agreement_content" style="display:none">
                        <hr class="bd_das">
                        <h5>条款内容</h5>
                        <p>付款条款内容，付款条款内容，付款条款内容，付款条款内容</p>
                        <p>付款条款内容，付款条款内容，付款条款内容，付款条款内容</p>
                        <p>付款条款内容，付款条款内容，付款条款内容，付款条款内容</p>
                        <p>付款条款内容，付款条款内容，付款条款内容，付款条款内容</p>
                        <p>付款条款内容，付款条款内容，付款条款内容，付款条款内容</p>
                        <p><a href="javascript:void(0);" id="slideup" class="pull-right">收起 ▲</a></p>
                        <p class="clear"></p>
                      </div>
                    </blockquote>
                    

                    <div class="form-line">
                   	  <label class="st-label">支付方式</label>
                      <label><input type="checkbox" name="checkbox" id="checkbox1" />付现</label>
                      <label><input type="checkbox" name="checkbox" id="checkbox2" disabled />微信支付</label>
                    </div>
                    
                    <div class="form-line">
                    <input type="submit" name="button" id="button" value="&nbsp;提 交&nbsp;" class="submit-button" />
                    <input type="submit" name="button" id="button2" value="&nbsp;重 置&nbsp;" class="reset-button" />
                    </div>

                  </form>
                  
                </div>
      </div>
            
            
            
            
            
            
            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->
            
            
            
            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->
            
            
            
    
    <div class="clear"></div>
    </div>
    <!-- end page -->
<script type="text/javascript" src="js/frame.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".agreement").click(function(){
    $(".agreement_content").slideToggle();
  });
});

$("#slideup").click(function(){
  $(".agreement_content").slideUp();
});
</script>
</body>
</html>